{% load static %}

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <meta name="format-detection" content="telephone=no">
  <title>{% block title %}{% endblock %}Interior Shop</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.1/css/bulma.min.css">
  <link rel="stylesheet" href="{% static 'styles/main.css' %}">
</head>
<body>

<nav class="navbar is-dark">
  <div class="navbar-brand">
    <a href="/" class="navbar-item"><strong>Interior Shop</strong></a>

    <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="main-navbar">
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
    </a>
  </div>

  <div class="navbar-menu" id="main-navbar">
    <div class="navbar-end">
      <a href="{% url 'contact' %}" class="navbar-item">Contact</a>
    </div>
  </div>
</nav>

<section class="section">
  <div class="container">
    {% block content %}
    {% endblock %}
  </div>
</section>


<footer class="footer">
  <h3 class="is-size-4 mb-4">Interior Shop</h3>

  {% if request.user.is_authenticated %}
    <a href="{% url 'vendor_admin' %}">Vendor admin</a>
  {% else %}
    <a href="{% url 'become_vendor' %}">Become vendor</a>
  {% endif %}

</footer>

<script src="{% static 'scripts/main.js' %}"></script>
</body>
</html>